﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>灰货</title>
<link href="${baseUrl!}/static/huihuo/skin/default/public.css" rel="stylesheet" type="text/css">
<link href="${baseUrl!}/static/huihuo/skin/default/element.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- head -->
<div id="head">
  <div class="container clearfix">
    <div class="main-logo">
      <h1><a href="/" title="灰货"><img src="${baseUrl!}/static/huihuo/img/main-logo.png"></a></h1>
    </div>
    <div class="main-nav">
      <ul class="clearfix">
          <li><a href="javascript:;">我参与的商品</a><span class="num">${participationSize!}</span></li>
          <li class="current"><a href="/">动态</a></li>
          <li><a href="/hot">热点</a></li>
          <li><a href="/boutique">精品</a></li>
      </ul>
    </div>
  </div>

    <script type="text/javascript">
        var partInUrl = '/participation';
        var messignUrl = '/message';
    </script>
</div>
<!-- main content -->
<div id="wapper">
  <div class="container clearfix">
    <div class="left">
      <!-- share-goods -->
        <div class="share-goods">
            <div class="content">
                <div class="text-tips">
                    <dl class="clearfix">
                        <dt>分享来自美国Amazon的电子产品</dt>
                        <dd class="fl">
                            <p>欢迎来到灰货1.0<br>这里是分享美国亚马逊精品的自由社区。</p>
                            <p>只需粘贴来自美国亚马逊<br>（<span class="f-blue"><a href="http://www.amazon.com" target="_blank">www.amazon.com</a></span>）的商品网址，就可以给商品建立一个主页，展开讨论。</p>
                            <p>我们致力于给中国消费者打开一扇窗口，让普通人对于海淘的认识跳出无尽的奶粉、化妆品和包包……世界很大，好商品很多。</p>
                            <p>一件商品是好是坏，大家说了算；<br>一件商品去哪里购买最划算，大家说了算；<br>首页上显示的是什么商品，大家说了算。</p>
                            <p>这里没有商家的特权，只有商品的真实面貌。<br>我们会寻求盈利，但我们誓死捍卫你的自由。</p>
                        </dd>
                        <dd class="fr">
                            <p>• 请勿分享需要配合其它产品才能一起使用的商品。例如：电动牙刷的刷头、鱼竿的导环、单车的变速器……</p>
                            <p>• 请勿分享没有品味，没有用户体验，生产出来的目的只是为了赚钱的普通商品。</p>
                            <p>！请分享具有单独存在价值的商品，这些商品的特点在于——它们是人类智慧的经典之作，它们能够改善某些人的生活。</p>
                            <p>！请分享普通人能够理解，并且爱上的商品。大妈不曾想过要海淘，直到他们看到瑞典生产的超厚垃圾袋；年轻父母只知道海淘奶粉，直到他们了解美国人教育孩子的方式……</p><p>让我们一起来讲述这个世界的美好。</p>
                        </dd>
                    </dl>
                </div>

                <div class="js-grab from">
                    <div class="obtain clearfix">
                        <div class="input">
                            <input name="" type="text" placeholder="来自 www.amazon.com 的电子商品网址">
                        </div>
                        <div class="button">
                            <button type="button" class="button-default">抓取</button>
                        </div>
                    </div>
                </div>

                <div class="js-progress from" style="display: none;">
                    <div class="obtain clearfix">
                        <div class="input"><input name="" type="text" disabled style="color:#999;"><div class="progress-bar" style="width:50%;"></div></div>
                        <div class="button"><button type="button" class="button-default button-disabled">抓取</button></div>
                    </div>
                </div>

                <div class="js-publish from" style="display: none;">
                    <div class="obtain clearfix">
                        <div class="product"><div class="img"><div class="center"><img src=""></div></div><div class="con"><h2></h2></div></div>
                        <div class="button"><button type="button" class="button-default" id="js-pubulish-button">发布</button><button type="button" class="button-default button-cancel two" id="js-publish-cancel">取消</button></div>
                    </div>
                </div>

            </div>
            <div class="bottom"></div>
        </div>

      
      <!-- goods list -->
      <div class="goods-comment-list goods-state">
        <div class="js-refreshing refresh" style="display:none"><span class="loading"><a href="#"><i class="i-05"></i>正在刷新</a></span></div>
        <!--<div class="js-refresh refresh"><span><a><i class="i-05"></i>点击刷新</a></span></div>-->
        <ul class="list-content"></ul><!--此处放微博内容-->
        <div class="js-loadmore refresh mtb50"><span class="loading"><a><i class="i-05"></i>正在加载更多</a></span></div>
      </div>
    </div>
    <!-- right -->
    <div class="right">
      <!-- login one -->
        <#if session.user??>
            <!-- login two -->
            <div class="js-user-info right-item">
                <div class="content">
                    <div class="login">
                        <div class="con-2">
                            <div class="img"> <a href="/user/${session.user.id!}"><div class="center"><img src="${session.user.avatar!}?imageView2/1/w/55/h/55"></div>
                                <p>${session.user.nickname!}</p>
                            </a> </div>
                        </div>
                        <a href="${baseUrl!}/logout">
                            <div class="button">退出登录</div>
                        </a>
                    </div>
                </div>
                <div class="bottom"></div>
            </div>
            <#else/>
            <!-- login one -->
            <div class="js-user-login right-item">
                <div class="content">
                    <div class="login">
                        <div class="con-1">
                            <div class="no-login">
                                <!--<a href="${baseUrl!}/session/qqlogin"><img src="${baseUrl!}/static/huihuo/img/default-fuser-avatar.jpg" width="55" width="55">-->
                                <!--<p>点击登录</p>-->
                                <!--</a> -->
                                <a href="${baseUrl!}/login"><img src="${baseUrl!}/static/huihuo/img/default-fuser-avatar.jpg" width="55" width="55">
                                    <p>点击登录</p>
                                </a>
                                <a href="${baseUrl!}/register">
                                    <p>注册</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bottom"></div>
            </div>
        </#if>
      <!-- messign -->
      <div class="right-item">
        <div class="content">
            <a href="javascript:;">
                <div class="messign " nowrap>
                    <div class="con">
                        <i class="i-06"></i>收到的互动
                        <em>${messageSize!}</em>
                    </div>
                </div>
            </a>
        </div>
        <div class="bottom"></div>
      </div>
      <div class="right-item">
          <!--<a href="http://120.24.53.18/" target="_blank">-->
              <div class="content">
                  <div class="our-blog">
                      <div class="con">我们的博客 </div>
                  </div>
              </div>
          <!--</a>-->
            <div class="bottom"></div>
        </div>
      <!-- feedback -->
      <div class="right-item">
        <div class="content">
          <div class="feedback">
           <div class="con-1">
             <div class="shi">
           <p>海淘网站，资本汹涌</p>
           <p>宣传包装，只为出货</p>
           <p>也做社区，也做评论</p>
           <p>用户粘性，才是意图</p>
<br>
           <p>用户心声，去哪里说</p>
           <p>真正好货，去听谁讲</p>
           <p>一声闷响，小站成立</p>
           <p>为大家提供一个可以分享对海外商品真正看法的社区，并解决-</p>
           <p>“在哪里买呢？”的问题</p>
           <p>（此句信息量大，不方便对偶）</p>
<br>
           <p>首次发布，尽是BUG</p>
           <p>快速迭代，还需你我</p>
           <p>加入Q群，尽情吐槽</p>
           <p>海淘王者，还看灰货</p>
           </div>
           </div>
           <div class="con-2">
             <div class="qq">
               <div class="content">
                <i class="i-07"></i>
                <p>
                 <span><a href="http://jq.qq.com/?_wv=1027&k=b1cUTX" target="_blank">点此加入QQ反馈群</a></span>
                 <span>或复制群号码：470708442</span>
                </p>
               </div>
             </div>
           </div>
          </div>
        </div>
        <div class="bottom"></div>
      </div>
    </div>
  </div>
</div>

<!--
<link href="../skin/default/layer_warning.css" rel="stylesheet" type="text/css">
<div class="layer_warning">
  <div class="bg"></div>
  <div class="outer">
    <div class="middle">
      <div class="inner">服务器处理异常</div>
    </div>
  </div>
</div>
-->

<!--js footer-->
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/lib/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/base.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/userServers.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/ui/layer_warning.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/ui/layer_login.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/ui/layer_publish.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/home/servers.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/home/publish.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/home/productload.js"></script>
</body>
</html>
